<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/page1.css" />
		<link rel="stylesheet" href="css/pagegoods.css" />
		<style type="text/css">
		
		</style>
	</head>
	<body>
		<div class="header">
			<div class="top-bar">
				<div class="top-ewm">
					<div class="top-ewm-img"><img src="img/e018cb60b5614203a80379e2cce37e8e.jpg"/></div>
					<h3>下载寺库APP</h3>
					<p>探索精品生活方式</p>
				</div>
				<div class="top-con">
					<a class="top-car">
						<b></b>购物车<span id="carNum">(0)</span>
					</a>
					<a class="top-forco fr">媒体聚焦</a>
					<span class="kefu fr">
						<a>客服服务<i></i>	</a>
						<div class="">
							<p>
                        <a href="#" target="_blank">养护中心</a>
                        <a href="#" target="_blank">帮助中心</a>
                        <span>贵宾专线：400-87-56789</span>
                  			  </p>
						</div>
					</span>
					<span id="top-login" class="top-login fr">
						<a href="#">请登录</a>
						|
						<a href="#">免费注册</a>
					</span>
					<span class="Chead-welcome fr" id="afterLogin" style="">
            
                <span class="turl fr unfold my-siku">
                    <a rel="nofollow" href="#" target="_blank" ">
                        我的寺库	<i class="harrow"></i>
                    </a>
                    <div>
                        <p>
                            <a href="#" target="_blank" >我的订单</a>
                            <a href="#" target="_blank">我的拍卖</a>
                            <a href="#" target="_blank">我的收藏</a>
                        </p>
                        <p>
                            <a href="#" target="_blank">我的退换货</a>
                            <a href="#" target="_blank">账户信息</a>
                            <a href="#" target="_blank">账户余额</a>
                        </p>
                        <p>
                            <a href="#" target="_blank">优惠券</a>
                        </p>
                    </div>
                </span>
                    <a href="#" id="afterLoginUserName" target="_blank"></a> | 
                    <a href="#">退出</a>
                </span>
				</div>
				<div class="top-logo">
					<a href="index.html" ><img src="img/95501ef8c0d34a60a9d57d94b842c1ec.png"/></a>
				</div>
			</div>
			<div class="nav-bar">
				<div class="nav-content">
					<ul>
						<li><a href="#">首页</a>							
						</li>
						<li><a href="#">包袋</a>
							<div class="nav-unfold">
								<div class="nav-container">
									<ul>
										<li>
											<h4>分类</h4>
											<a href="#">男士包袋</a>
											<a href="#">女士包袋</a>
											<a href="#">钱包</a>
											<a href="#">手拿包</a>
											<a href="#">斜挎包</a>
											<a href="#">拉杆箱</a>
											<a href="#">双肩包</a>
											<a href="#">手提包</a>
										</li>
										<li>
											<h4>品牌</h4>
											<a href="#">圣罗兰</a>
											<a href="#">宝格丽</a>
											<a href="#">蔻驰</a>
											<a href="#">巴利</a>
											<a href="#">葆蝶家</a>
											<a href="#">范思哲</a>
											<a href="#">杜嘉班纳</a>
											<a href="#">克洛伊</a>
											<a href="#">缪缪</a>
											<a href="#">亚历山大.麦昆</a>
											<a href="#">瑞贝卡.明可弗</a>
											<a href="#">斯特拉·麦卡特尼</a>
											
										</li>
										<li>
											<h4>热词</h4>
											<a href="#">杀手包</a>
											<a href="#">贝壳包</a>
											<a href="#">饺子包</a>
											<a href="#">链条包</a>
											<a href="#">铆钉包</a>
											<a href="#">托特包</a>
											<a href="#">小怪兽</a>
											<a href="#">购物袋</a>
											<a href="#">GUCCI酒神</a>
											<a href="#">LV老花</a>
											<a href="#">Burberry格纹</a>
											<a href="#">mcm双肩包</a>
										</li>
									</ul>
								</div>
							</div>
						</li>
						<li><a href="#">腕表</a>
								<div class="nav-unfold">
								<div class="nav-container">
									<ul>
										<li>
											<h4>分类</h4>
											<a href="#">男士腕表</a>
											<a href="#">女士腕表</a>
											<a href="#">机械腕表</a>
											<a href="#">石英腕表</a>
											
										</li>
										<li>
											<h4>品牌</h4>
											<a href="#">百达翡丽</a>
											<a href="#">江诗丹顿</a>
											<a href="#">宝珀</a>
											<a href="#">宝玑</a>
											<a href="#">朗格</a>
											<a href="#">积家</a>
											<a href="#">芝柏</a>
											<a href="#">萧邦</a>
											<a href="#">万国</a>
											<a href="#">沛纳海</a>
											<a href="#">格拉苏蒂</a>
											<a href="#">劳力士</a>
											<a href="#">真力时</a>
											<a href="#">卡地亚</a>
											<a href="#">欧米茄</a>
											<a href="#">浪琴</a>
											<a href="#">天梭</a>
											<a href="#">美度</a>
											<a href="#">汉密尔顿</a>
											<a href="#">SEVENFRIDAY</a>
											<a href="#">Bedat&amp;Co</a>
											
										</li>
										<li>
											<h4>热词</h4>
											<a href="#">蓝气球</a>
											<a href="#">水鬼</a>
											<a href="#">星座</a>
											<a href="#">碟飞</a>
											<a href="#">大师</a>
											<a href="#">名匠</a>
											<a href="#">五十噚</a>
											<a href="#">贝伦赛丽</a>
											<a href="#">葡计</a>
											<a href="#">日志</a>
										
										</li>
									</ul>
								</div>
							</div>
						</li>
						<li><a href="#">珠宝首饰</a>
							<div class="nav-unfold">
								<div class="nav-container">
									<ul>
										<li>
											<h4>分类</h4>
											<a href="#">项链</a>
											<a href="#">吊坠</a>
											<a href="#">手链</a>
											<a href="#">耳饰</a>
											<a href="#">手镯</a>
											<a href="#">戒指/指环</a>
											<a href="#">手串</a>
											<a href="#">串珠配珠</a>
											<a href="#">首饰套装</a>
											<a href="#">胸针</a>
											<a href="#">头饰</a>
											<a href="#">宝石裸石</a>
											
										</li>
										<li>
											<h4>品牌</h4>
											<a href="#">蒂芙尼</a>
											<a href="#">迪奥</a>
											<a href="#">宝格丽</a>
											<a href="#">施华洛世奇</a>
											<a href="#">爱马仕</a>
											<a href="#">潘多拉</a>
											<a href="#">香奈儿</a>
											<a href="#">路易威登</a>
											<a href="#">APM Monaco</a>
											<a href="#">莫尼卡维纳德</a>
											<a href="#">黛慕妮</a>
											<a href="#">古钻</a>
											
											
										</li>
										<li>
											<h4>热词</h4>
											<a href="#">宝格丽弹簧系列</a>
											<a href="#">时尚水晶项链</a>
											<a href="#">蒂芙尼经典桃心</a>
											<a href="#">爱马仕手镯</a>
											<a href="#">迪奥小圆珠</a>
											<a href="#">潘多拉串珠</a>
											<a href="#">香奈儿双C耳钉</a>
											<a href="#">明星同款</a>
											<a href="#">彩宝戒指</a>
											<a href="#">婚戒钻戒</a>
											<a href="#">足金首饰</a>
											<a href="#">珍珠吊坠</a>
										
										</li>
									</ul>
								</div>
							</div>
						</li>
						<li><a href="#">服装鞋靴</a>
								<div class="nav-unfold">
								<div class="nav-container">
									<ul>
										<li>
											<h4>分类</h4>
											<a href="#">男装</a>
											<a href="#">女装</a>
											<a href="#">男鞋</a>
											<a href="#">女鞋</a>
											<a href="#">男士卫衣</a>
											<a href="#">男士裤装</a>
											<a href="#">男士衬衫</a>
											<a href="#">男士夹克</a>
											<a href="#">连衣裙</a>
											<a href="#">女士外套</a>
											<a href="#">男士休闲鞋</a>
											<a href="#">高跟鞋</a>
											
										</li>
										<li>
											<h4>品牌</h4>
											<a href="#">博柏利</a>
											<a href="#">Emporio Armani</a>
											<a href="#">Armani Jeans</a>
											<a href="#">VERSACE</a>
											<a href="#">MaxMara</a>
											<a href="#">Dolce&amp;Gabbana</a>
											<a href="#">DVF</a>
											<a href="#">PRADA</a>
											<a href="#">菲拉格慕</a>
											<a href="#">BALLY</a>
											<a href="#">华伦天奴</a>
											<a href="#">Jimmy Choo</a>
											
											
										</li>
										<li>
											<h4>热词</h4>
											<a href="#">男士风衣</a>
											<a href="#">女士卫衣</a>
											<a href="#">女士半裙</a>
											<a href="#">男士西装</a>
											<a href="#">女士休闲裤</a>
											<a href="#">男士裤装</a>
											<a href="#">女士内衣</a>
											<a href="#">平跟鞋</a>
											<a href="#">高跟鞋</a>
											<a href="#">女士运动鞋</a>
											<a href="#">男士休闲鞋</a>
											<a href="#">男士商务鞋</a>
										
										</li>
									</ul>
								</div>
							</div>
						</li>
						<li><a href="#">配饰</a>
							<div class="nav-unfold">
								<div class="nav-container">
									<ul>
										<li>
											<h4>分类</h4>
											<a href="#">太阳镜</a>
											<a href="#">镜架</a>
											<a href="#">腰带</a>
											<a href="#">围巾/披肩</a>
											<a href="#">丝巾</a>
											<a href="#">伞</a>
											<a href="#">挂饰</a>
											<a href="#">帽子</a>
											<a href="#">手套</a>
											<a href="#">钥匙扣</a>
											<a href="#">袖扣</a>
											<a href="#">领带/领结/领带夹</a>
											
										</li>
										<li>
											<h4>品牌</h4>
											<a href="#">古驰</a>
											<a href="#">菲拉格慕</a>
											<a href="#">范思哲</a>
											<a href="#">路易威登</a>
											<a href="#">爱马仕</a>
											<a href="#">博柏利</a>
											<a href="#">万宝龙</a>
											<a href="#">雷朋</a>
											<a href="#">普拉达</a>
											<a href="#">巴利</a>
											<a href="#">缪缪</a>
											<a href="#">GENTLE MONSTER</a>					
										</li>
										<li>
											<h4>热词</h4>
											<a href="#">17新款</a>
											<a href="#">晴雨伞</a>
											<a href="#">V牌眼镜</a>
											<a href="#">针扣腰带</a>
											<a href="#">偏光太阳镜</a>
											<a href="#">披肩</a>
											<a href="#">鹰头腰带</a>
										</li>
									</ul>
								</div>
							</div>
						</li>
						<li><a href="#">家居生活</a>
							<div class="nav-unfold">
								<div class="nav-container">
									<ul>
										<li>
											<h4>分类</h4>
											<a href="#">家纺</a>
											<a href="#">饰品摆件</a>
											<a href="#">商务礼品</a>
											<a href="#">锅具</a>
											<a href="#">厨房电器</a>
											<a href="#">生活电器</a>
											<a href="#">家具</a>
											<a href="#">智能科技</a>
											<a href="#">手机</a>
											<a href="#">影音娱乐</a>
											<a href="#">美酒</a>
											<a href="#">美食</a>
											
										</li>
										<li>
											<h4>品牌</h4>
											<a href="#">zippo</a>
											<a href="#">downia</a>
											<a href="#">fantti</a>
											<a href="#">都彭</a>
											<a href="#">fissler</a>
											<a href="#">玛戈隆特</a>
											<a href="#">三星</a>
											<a href="#">beats</a>
											<a href="#">微软</a>
											<a href="#">华为</a>
											<a href="#">茅台</a>
											<a href="#">拉菲</a>					
										</li>
										<li>
											<h4>热词</h4>
											<a href="#">鹅绒被</a>
											<a href="#">打火机</a>
											<a href="#">四件套</a>
											<a href="#">地毯</a>
											<a href="#">净化器</a>
											<a href="#">收纳</a>
											<a href="#">保温杯</a>
											<a href="#">耳机/耳麦</a>
											<a href="#">无人机</a>
											<a href="#">黑科技</a>
											<a href="#">大闸蟹</a>
											<a href="#">巧克力</a>
										</li>
									</ul>
								</div>
							</div>
						</li>
						<li><a href="#">奢华体验</a>
								<div class="nav-unfold">
								<div class="nav-container">
									<ul>
										<li>
											<h4>分类</h4>
											<a href="#">美容美体</a>
											<a href="#">瑜伽健身</a>
											<a href="#">亲子空间</a>
											<a href="#">尊享之旅</a>
											<a href="#">礼仪培训</a>
											<a href="#">灵修课程</a>
											<a href="#">艺术创作</a>
											
											
										</li>
										<li>
											<h4>品牌</h4>
											<a href="#">InNail</a>
											<a href="#">Filorga</a>
											<a href="#">SpaceCycle</a>
											<a href="#">VILAB Fitness</a>
											<a href="#">WALDORF ASTORIA/华尔道夫</a>
											<a href="#">mizulab/水研社精致生活馆</a>
											<a href="#">AWA Health/爱瓦健康</a>
											<a href="#">Fitjoy</a>
											<a href="#">iSpa</a>
											<a href="#">Institute Sarita/瑞雅礼仪</a>
											<a href="#">Powerlunch/能量互联</a>
											<a href="#">TOIs/朵茜</a>
															
										</li>
										<li>
											<h4>热词</h4>
											<a href="#">私人教练</a>
											<a href="#">钢管舞</a>
											<a href="#">太空舱SPA</a>
											<a href="#">抗霾盐疗</a>
											<a href="#">面部紧致提升</a>
											<a href="#">美甲</a>
											<a href="#">睫毛嫁接</a>
											
										</li>
									</ul>
								</div>
							</div>
						</li>
						<li><a href="#">母婴美妆</a>
								<div class="nav-unfold">
								<div class="nav-container">
									<ul>
										<li>
											<h4>分类</h4>
											<a href="#">面部护理</a>
											<a href="#">眼部护理</a>
											<a href="#">身体护理</a>
											<a href="#">美容健康</a>
											<a href="#">香水</a>
											<a href="#">面部彩妆</a>
											<a href="#">唇部彩妆</a>
											<a href="#">成人用品</a>
											<a href="#">童装</a>
											<a href="#">婴儿服饰</a>
											<a href="#">宝宝洗护</a>
											<a href="#">奶瓶</a>
											
										</li>
										<li>
											<h4>品牌</h4>
											<a href="#">海蓝之谜</a>
											<a href="#">SK-II</a>
											<a href="#">香奈儿</a>
											<a href="#">迪奥</a>
											<a href="#">兰蔻</a>
											<a href="#">雅诗兰黛</a>
											<a href="#">YSL</a>
											<a href="#">Tom Ford</a>
											<a href="#">DIESEL KIDS</a>
											<a href="#">Britax</a>
											<a href="#">fossflakes</a>
											<a href="#">Betta</a>
															
										</li>
										<li>
											<h4>热词</h4>
											<a href="#">口红</a>
											<a href="#">面霜</a>
											<a href="#">精华</a>
											<a href="#">彩妆</a>
											<a href="#">洁面</a>
											<a href="#">水乳</a>
											<a href="#">男士护肤</a>
											<a href="#">口腔护理</a>
											<a href="#">母婴新品</a>
											<a href="#">儿童书包</a>
											<a href="#">礼服</a>
											<a href="#">保健品</a>
											
										</li>
									</ul>
								</div>
							</div>
						</li>
						<li><a href="#">豪车频道</a>
							<div class="nav-unfold">
								<div class="nav-container">
									<ul>
										<li>
											<h4>分类</h4>
											<a href="#">汽车装饰</a>
											<a href="#">安全自驾</a>
											<a href="#">汽车电器</a>
											<a href="#">汽车模型</a>
											<a href="#">安全座椅</a>
											<a href="#">汽车箱包</a>
											<a href="#">美容清洁</a>
											<a href="#">飞机游艇</a>
				
										</li>
										<li>
											<h4>品牌</h4>
											<a href="#">捷豹</a>
											<a href="#">路虎</a>
											<a href="#">宝马</a>
											<a href="#">摩根</a>
											<a href="#">途雅</a>
											<a href="#">海圳</a>
											<a href="#">史维克斯</a>
											<a href="#">现代</a>
											<a href="#">Cado</a>
											<a href="#">WEDS</a>
											<a href="#">京商</a>
											
															
										</li>
										<li>
											<h4>热词</h4>
											<a href="#">汽车模型</a>
											<a href="#">行车记录仪</a>
											<a href="#">车载净化器</a>
											<a href="#">车载香水</a>
											<a href="#">自驾野营</a>
											<a href="#">应急救援</a>
											<a href="#">美容清洁</a>
											<a href="#">精品轮毂</a>
											<a href="#">精品箱包</a>
								
											
										</li>
									</ul>
								</div>
							</div>
						</li>
					</ul>
			
				<div class="nav-search">
					<div class="search">
						<input type="text" class="type-input" placeholder="17早秋新款" />
							<div class="sbtn">
								<a class="sbtn1"></a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="goodsInfo">
			<div class="smallNav">
			<p>
			<a href="#" target="_blank">首页</a>&gt;
				<a href="#" title="彩妆香水" target="_blank">彩妆香水</a>&gt;		
			<a href="#" >Anna sui/安娜苏假日糖果之蜜果糖霜彩妆套装 01（颊彩+唇膏+唇彩+眼影）</a>
		</p>
		<span>商品编码：17235397</span>
		</div>
		<div class="contents clearfix">
		<div class="info_l">
			<dl class="clearfix" id="imgshow">
				<dd>
					<div class="move_box">
						<div>
							
						</div>
					</div>
				</dd>
				 <dt id="middleImg">
					<img src="img/pg1.jpg" />
					<div id="middleArea" class="zoomspan" style="display: block; left: 152.5px; top: 200px;"></div>
				</dt>
			</dl>
			<div class="share_box clearfix">
				<div class="share_text fl">
					<span class="sh1"><i></i><a href="#" target="_blank">正品保障</a>
					</span> <span class="sh2"><i></i><a href="#" target="_blank">七天退换</a>
					</span> <span class="sh3"><i></i><a href="#" target="_blank">权威质检</a>
					</span>
				</div>
				<div class="share_icon fl" id="shareProduct">
					<span class="sh4"><a href="###" id="share"><i></i>分享</a></span>
					
				</div>
				<div class="live_icon fl">
					<span class="sh5"> <a href="javascript:;" onclick="" class="collection fl"><i></i>收藏商品</a> </span>
				</div>
			</div>
		</div>
		
		<div class="info_r">
			<div class="proName">
				<h2>Anna sui/安娜苏假日糖果之蜜果糖霜彩妆套装 01（颊彩+唇膏+唇彩+眼影）</h2>
				<h3 id="subHeadSpan">特惠品 塑封磨损外盒压</h3>
			</div>	
			
			<div class="proDetails" id="proDetails">
			
				<div class="proList clearfix">
					<div id="secooNameJs" class="pdt fl" style="line-height: 42px; *line-height: 48px; height:33px;">
							寺库价
					</div>
					<div class="pdd fl" style="min-height: 32px;*height:auto">
						<strong class="Dprice"><b><span class="rmb">¥</span>
						</b>
						</strong> <strong class="Dprice" id="secooPriceJs">371</strong>

							<span class="sale" style="display: none;">
							</span>
						
						   <span class="mprice" style="display: none;"><span class="rmb">¥</span><span class="rmb" style="font-family: tahoma;"></span></span>
						
						  
					</div>
				</div>
				<!-- 预热活动价 -->
				<div class="proList clearfix " id="tempActivityDiv" style="display: none">
                    <div class="pdt fl" id="tempActivityText"></div>
                    <div class="pdd fl">
                        <span class="smallDprice padRight_20" id="tempActivityPrice"></span><span et="<!--这里需要一个结束时间戳-->" class="timelin timecol" id="tempActivityTimer"></span>
                    </div>
                </div>
             			
				<div class="proList clearfix" id="promotionInfoSpan" style="display: none">
					<div class="pdt fl" id="promotionInfoText">促销信息</div>
					<div class="pdd fl" id="promotionInfoSpanContent">
					    <div class="parent_tips_prom " id="exclusiveDiv" style="display: none"></div>
                        <div class="parent_tips_prom" id="promotionRealDiv" style="display: none"></div>
               		</div>
				</div>
				
				
				<div class="proList clearfix" id="inventoryDiv">
					<div class="pdt fl">发货地</div>
					<div class="pdd fl">

						<div class="tips_hover">
							<span class="fl"> <em id="location-t">大陆</em> <i id="youhuo">有货</i> </span>
						</div>
											<span class="delivery"><i>预计下单后会在<span class="color9d0">18-32</span>天内发货&nbsp;</i></span>
									
						<div class="tips_delivery"></div>
					</div>
				</div>
				
				<div class="proList clearfix">
					<div class="pdt fl">温馨提示</div>
					<div class="pdd fl" id="specialSign">
							<span>本商品无质量问题不支持退换货</span>
							<br>

					<span>本商品为特例品,不支持优惠券和不参与会员折扣</span><br></div>
				</div>
				
				<div class="elseSP" style="display: none;">
					<h5>相关商品</h5>
					<div class="elseCon">
						<div class="es-con">
							<ul class="esConUl clearfix" id="OtherProduct_show" style="width: 10px; margin-left: 0px;">

							</ul>
						</div>
					<div class="es-nav"><span class="es-nav-prev" style="display: none;">Previous</span><span class="es-nav-next" style="display: none;">Next</span></div></div>
				</div>
			</div>
			
			
			<div class="proList_box ">

				<div class="proList clearfix pNum">
					<div class="pdt fl">购买数量</div>
					<div class="pdd fl">
						<div class="countNm">
							<a href="javascript:;" class="down fl nMinus" id="subProduct" onclick=""></a>
						<span class="num fl">
							<input onblur="" id="buyNumVal" value="1" type="text">
						</span>
							<a href="javascript:;" class="up fl" id="addProduct" onclick=""></a>
						</div>
						<span class="delivery" id="lastProductNum">仅剩 <span class="color9d0">5</span> 件，抓紧时间购买哦！</span>
					</div>
				</div>
				
							
				<div class="prompt clearfix pselected">
				</div>
				
				<div class="prompt clearfix">
					<a href="javascript:;" class="topanic fl" id="addBindCar" title="立即抢购"></a>
					<a href="javascript:;" class="tocart fl" id="addCarInfo" title="加入购物车"></a>
						<a href="javascript:;" class="staging fl" id="addfq"><i></i>分期支付</a>
				</div>
			</div>

			<div class="proList_icon clearfix">
				<div class="prompt">
				</div>
			</div>
		</div>
	</div>
		</div>
		
		<div class="footer">
			<div class="content">
				<ul>

					<li>
						<a href="#">新手指南</a>
						<br />
						<a href="#">付款方式</a>
						<br />
						<a href="#">物流配送</a>
						<br />
						<a href="#">售后服务</a>
					</li>
					<li>
						<a href="#">寺库微博</a>
						<br />
						<a href="#">友情链接</a>
						<br />
						<a href="#">奢侈品热词</a>
						
					</li>
					<li>
						<a href="#">加入寺库</a>
						<br />
						<a href="#">联系我们</a>
						<br />
						<a href="#">关于寺库</a>
						<br />
						<a href="#">帮助中心</a>
					</li>
					<li>
						<a href="#">寺库奢侈品养护</a>
						<br />
						<a href="#">寺库招商</a>
						<br />
						<a href="#">寺库加盟店</a>
					
					</li>
				</ul>
			<div class="footer-info">
				<p>
					<span>统一社会信用代码：91110102689248179K</span>
	                <span><a href="#" target="_blank"><img src="//mpic.secooimg.com/images/2016/06/21/pcfooterbatb.png">京公安备11010102001392</a></span>
	                <span>京ICP证110119号 京ICP备09084709号-3</span>
	                <span>ISO9001中国质量管理体系认证</span>
				</p>
			<p>COPYRIGHT © 2010-2017 北京寺库商贸有限公司 版权所有</p>
			<p class="footer-info-imgs">
				<a href="#"><img src="img/f_01.jpg"/></a>
				<a href="#"><img src="img/f_04.jpg"/></a>
				<a href="#"><img src="img/cnnic.png"/></a>
				<a href="#"><img src="img/kexin.jpg"/></a>
				<a href="#"><img src="img/f_03.jpg"/></a>
			</p>
			</div>
		</div>
		</div>
	</body>
</html>
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
<script type="text/javascript">
	var str=window.location.search.split("=")[0]
	var uname=window.location.search.split("=")[1]
	var toplog=document.getElementById("top-login")
	var afterLogin=document.getElementById("afterLogin")
	
	if (uname&&str=="?uname") {
		toplog.style.display="none"	;
	
			document.getElementById('afterLoginUserName').innerText=uname
		afterLogin.style.display="block";	
	}
	 function getStyle(obj, attr) {
        if (window.getComputedStyle) {
            return parseInt(window.getComputedStyle(obj, null)[attr]);
        }
        return parseInt(obj.currentStyle[attr]);
    }
	 
   
        var middleImg = document.getElementById('middleImg');
        var middleArea = document.getElementById('middleArea');
      
         middleImg.onmouseover = function(){
         	
         		var bigArea=document.createElement("div")
         		var bigImg=document.createElement("img")
        		middleImg.appendChild(bigArea)
        		bigArea.appendChild(bigImg)
        		bigArea.setAttribute("class","bigArea")
        		bigImg.setAttribute("src","img/pg1.jpg")
				bigImg.setAttribute("class","bigImg")
				 middleArea.style.width = getStyle(middleImg, "width") / getStyle(bigImg, "width") * getStyle(bigArea, "width") + "px";
       			 middleArea.style.height = getStyle(middleImg, "height") / getStyle(bigImg, "height") * getStyle(bigArea, "height") + "px";

 			       var oScale = getStyle(bigImg, "width") / getStyle(middleImg, "width");
        	middleImg.onmouseout = function(){        	 	
         		bigArea.remove()	
         		 middleArea.style.display = "none";
           
         }
        	middleImg.onmousemove = function (evt) {
            var e = evt || window.event;
            middleArea.style.display = "block";
            bigArea.style.display = "block";
            var x = e.clientX  - middleImg.offsetLeft - middleArea.offsetWidth / 2;
            var y = e.clientY  - middleImg.offsetTop - middleArea.offsetHeight / 2;
            middleArea.style.left = x + "px";
            middleArea.style.top = y + "px";
            
            bigImg.style.left = -x * oScale + "px"
            bigImg.style.top = -y * oScale + "px"
         
			if(x<=0){
				 middleArea.style.left = 0	;          		
			}
			if(y<= 0){				
           		 middleArea.style.top = 0;
			}
			if (x>(middleImg.offsetWidth-middleArea.offsetWidth)) {
				middleArea.style.left=middleImg.offsetWidth-middleArea.offsetWidth+"px"
			}
			if (y>(middleImg.offsetHeight-middleArea.offsetHeight)) {
				middleArea.style.top=middleImg.offsetHeight-middleArea.offsetHeight+"px"
				}
     	   }
         }
         var addProduct=document.getElementById("addProduct")
         var subPruduct=document.getElementById("subProduct")
         var numVal=document.getElementById("buyNumVal")
         var lastProductNum=document.getElementById("lastProductNum")
     
        addProduct.onclick=function(){
        	if (numVal.value<lastProductNum.children[0].textContent) {
        		numVal.value++
        	}else{
        		confirm("存货不够啦！老铁")
        	}
        	
        }
         subProduct.onclick=function(){
        	if (numVal.value>1) {
        		numVal.value--
        	}else{
        		confirm("不能再少啦！")
        	}
        }
        
</script>
